<!--<span *ngIf="order.status">{{order.status}}</span>-->
<p></p>
<div fxLayout="row" fxLayoutGap="10px">
  <button mat-raised-button [disabled]="isEditingMode" (click)="onEditClicked($event.target)">编辑</button>
  <button *ngIf="order?.statusCode===20" mat-raised-button color="primary" (click)="onAssignClicked($event.target)">派单</button>
  <button mat-raised-button [disabled]="!isEditingMode" (click)="onSaveClicked($event.target)">保存</button>
  <app-nav-back></app-nav-back>
</div>
<p></p>
<div style="display: flex; flex-direction: column; width: 800px;">
  <mat-form-field>
    <input matInput [disabled]="true"  [value]="order && order.orderNumber"  placeholder="订单号">
  </mat-form-field>
  <mat-form-field>
    <input matInput [disabled]="true"  [value]="order && order.user.lastName + order.user.firstName + ' ' + order.user.phoneNumber"  placeholder="客户信息">
  </mat-form-field>
  <mat-form-field>
    <input matInput [disabled]="true"  [value]="order && order.vehicleType.name + order.vehicleCategory.name + ' ' + order.serviceName"  placeholder="服务内容">
  </mat-form-field>
  <mat-form-field>
    <input matInput [disabled]="!isEditingMode"  [(ngModel)]="order && order.license"  placeholder="车牌信息">
  </mat-form-field>
  <mat-form-field>
    <input matInput [disabled]="!isEditingMode" [(ngModel)]="order && order.bookTime"  placeholder="预约时间">
  </mat-form-field>
  <mat-form-field>
    <input matInput [disabled]="true" [(ngModel)]="order && order.fullAddress"  placeholder="订单地址">
  </mat-form-field>
  <mat-form-field>
    <input matInput [disabled]="true" [(ngModel)]="order && order.status"  placeholder="订单状态">
  </mat-form-field>
  <mat-form-field>
    <input matInput [disabled]="!isEditingMode" [(ngModel)]="order && order.remarks"  placeholder="订单备注">
  </mat-form-field>
  <mat-form-field>
    <input matInput [disabled]="true" [(ngModel)]="order && order.discountedPrice"  placeholder="订单价格">
  </mat-form-field>
  <mat-form-field>
    <input matInput [disabled]="!isEditingMode" [(ngModel)]="order && order.newPrice"  placeholder="修改价格">
  </mat-form-field>
  <!--<span>{{order?.}}</span>-->
  <br>
  <div class="assign_panel" *ngIf="order?.statusCode===20">
    <p>分配洗车工：</p>
    <mat-divider></mat-divider>
    <mat-selection-list #list (selectionChange)="onSelectionChanged($event)">
      <mat-list-option *ngFor="let washer of washers" [selected]="washer.selected" [value]="washer.id">
        {{washer.lastName+washer.firstName}}
      </mat-list-option>
    </mat-selection-list>
    <mat-divider></mat-divider>
    <br>

  </div>
</div>
<div fxLayout="row" fxLayoutGap="10px">
  <button mat-raised-button [disabled]="isEditingMode" (click)="onEditClicked($event.target)">编辑</button>
  <button *ngIf="order?.statusCode===20" mat-raised-button color="primary" (click)="onAssignClicked($event.target)">派单</button>
    <button mat-raised-button [disabled]="!isEditingMode" (click)="onSaveClicked($event.target)">保存</button>
  <app-nav-back></app-nav-back>
</div>
